<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jquery弹出层特效代码</title>
    <style>
      #myHiddenDiv {
        display: none;
      }
      .popup {
        border: 1px solid #ccc;
        background-color: #fff;
        padding-bottom: 10px;
      }
      .popup a:hover {
        text-decoration: none;
        color: #fff;
      }
      .popup-header {
        padding-top: 1px;
        height: 30px;
        line-height: 15px;
        background-color: #e7e7e7;
      }
      .popup-header h2 {
        font-size: 14px;
        width: 100%;
        text-align: center;
      }
      .popup-body {
        width: 100%;
      }
      a.close {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
        background: url(images/b1-bg07.gif) no-repeat;
        width: 156px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        margin: 0 auto;
      }
    </style>
		<script type="text/javascript" src="csl-sharer.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jmpopups.js"></script>
    <script type="text/javascript">
      $.setupJMPopups({ screenLockerBackground: "url(../../../base/img/bg_fix.png)" });
      function openStaticPopup() {
        $.openPopupLayer({
          name: 'myStaticPopup',
          width: 600,
          target: 'myHiddenDiv',
        });
      }
    </script>
		<script>
			window.addEventListener('load', function () {
				console.log('load')
				//   if (!location.href.includes("pagethree")) {
				// window.CslSharer.init(API_HOST, {
				// 	keepMarkTime: 4000, // 显示笔迹持续时间，毫秒
				// 	zIndex: 2001, // 标注工具层级
				// });
				window.CslSharer.init('https://lfyyzcss-sit.cpic.com.cn/tp', {keepMarkTime: 4000,zIndex: 2000,});
				//   }
			});
		</script>
  </head>
  <body>
    <a href="javascript:;" onclick="openStaticPopup()">点击这里看看</a
    ><br /><br />
    <div id="myHiddenDiv">
      <div class="popup">
        <div class="popup-header"><h2>测试弹出层</h2></div>
        <div class="popup-body">
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
        </div>
        <a
          href="javascript:;"
          class="close"
          onclick="$.closePopupLayer('myStaticPopup')"
          title="关闭窗口"
          >阅读完毕，关闭窗口</a
        >
      </div>
    </div>
  </body>
</html>
